<!DOCTYPE html>
<html lang="zh-CN">
<head>
   <meta charset="utf-8">
	<title>点都德汇点楼</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0">
	<link rel="stylesheet" type="text/css" href="./css/shop_food_mui.css">
	<link rel="stylesheet" type="text/css" href="./css/style.css">
	
</head>
<body class="home">
	<header class="mui-bar mui-bar-nav">
		<a class="mui-icon  mui-action-back mui-icon-left-nav"></a>
		<h1 class="mui-title">点都德汇点楼</h1>
	</header>
	<nav class="mui-bar mui-bar-tab">
		<a class="mui-tab-item mui-active" href="#tabbar">
			<i class="mui-icon iconfont icon-card"></i>
			<span class="mui-tab-label">商家简介</span>
		</a>
		<a class="mui-tab-item" href="#tabbar">
			<i class="mui-icon iconfont icon-card"></i>
			<span class="mui-tab-label">优惠活动</span>
		</a>
	</nav>
	<div id="profile-panel" class="mui-content">
		<div class="mui-card">
			<div class="mui-card-header mui-card-media" style="height:40vw;background-image:url(../images/banner.png)"></div>
			<div class="mui-card-content">
				<ul class="mui-card-content-inner">
					<li class="address">
						<a href="#"><i class="iconfont icon-mark-fill"></i>
						珠江新城花城大道86号高德汇2座4楼
						</a>
					</li>
					<li class="telephone">
						<a href="tel:13632936853"><i class="iconfont icon-telephone"></i></a>
					</li>

				</ul>
			</div>
			<ul class="mui-card-footer">
				<li class="mui-disabled"><i class="mui-icon iconfont icon-diancan"></i>点餐</li>
				<li class="mui-disabled"><i class="mui-icon iconfont icon-waimai"></i>外卖</li>
				<ul class="button-group">
					<li><a href="#"><i class="mui-icon iconfont icon-share-outerline"></i><span class="hidden">分享</span></a></li>
					<li><a href="#"><i class="mui-icon iconfont icon-heart-outerline"></i><span class="hidden">收藏</span></a></li>
					<li><a href="#"><i class="mui-icon iconfont icon-web-outerline"></i><span class="hidden">网址</span></a></li>
					<li><a href="#"><i class="mui-icon iconfont icon-QRCode-outerline"></i><span class="hidden">关注</span></a></li>
				</ul>
				
			</ul>
		</div>

		<div id="photo-album">
			<div class="mui-slider">
	            <div class="mui-slider-group mui-slider-loop">
	                <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
	                <div class="mui-slider-item mui-slider-item-duplicate">
	                    <a href="#"><img src="./images/VCG41169964555.jpg"></a>
	                </div>
	                <div class="mui-slider-item mui-slider-item-duplicate">
	                    <a href="#"><img src="./images/VCG21gic6354633.jpg"></a>
	                </div>
	                <div class="mui-slider-item">
	                    <a href="#"><img src="./images/VCG210f6fb855d.jpg"></a>
	                </div>
	                <div class="mui-slider-item">
	                    <a href="#"><img src="./images/VCG41119014802.jpg"></a>
	                </div>
	                <div class="mui-slider-item mui-slider-item-duplicate">
	                    <a href="#"><img src="./images/VCG41169964555.jpg"></a>
	                </div>
	                <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
	                <div class="mui-slider-item mui-slider-item-duplicate">
	                    <a href="#"><img src="./images/VCG21gic6354633.jpg"></a>
	                </div>
	                
	            </div>
	            <div class="mui-slider-indicator">
	                <div class="mui-indicator mui-active"></div>
	                <div class="mui-indicator"></div>
	                <div class="mui-indicator"></div>
	                <div class="mui-indicator"></div>
	            </div>
	        </div>
		</div>
		


	</div>
	<script type="text/javascript" src="./libs/jquery.js"></script>
	<script type="text/javascript" src="./libs/mui.min.js"></script>
	<script type="text/javascript">
		
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
		/*
		var gallery = mui('.mui-slider');
		gallery.slider({
		  //interval:5000//自动轮播周期，若为0则不自动播放，默认为0；
		});
		*/
		
	
	</script>
</body>
</html>